<template>
    <div class="container">
        <div class="card">
            <el-breadcrumb separator="/" class="card-body">
                <el-breadcrumb-item :to="{ path: '/AdminHome' }"><i class="el-icon-location"></i>首页</el-breadcrumb-item>
                <el-breadcrumb-item>{{ this.$route.meta.title }}</el-breadcrumb-item>
            </el-breadcrumb>
        </div>
        <div class="card">
            <div class="card-header">资产申领动态</div>
            <div class="card-body">
                <el-table stripe :data="tableData" style="width: 100%">
                    <el-table-column prop="name" label="申领标题" width="">
                    </el-table-column>
                    <el-table-column prop="date" label="申领时间" width="220">
                    </el-table-column>
                    <el-table-column prop="province" label="责任人" width="180">
                    </el-table-column>
                    <el-table-column prop="city" label="申领类型" width="120">
                    </el-table-column>
                    <el-table-column fixed="right" label="操作" width="130">
                    <template slot-scope="scope">
                        <el-button @click="toProcessDetail(scope.row.processId)" type="text" size="small">查看流程 ></el-button>
                    </template>
                    </el-table-column>
                </el-table>
                <div class="page-wrap">
                    <el-pagination background layout="prev, pager, next" :total="1000"></el-pagination>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
  name: "ProcessList",
  data() {
    return {
      tableData: [
        {
          processId: "lc0003",
          date: "2016-05-02 18:00",
          name: "<涉密资产设备申请出借>网络设备审批",
          province: "王小虎",
          city: "报废",
          address: "王小虎市报废金沙江路 1518 弄",
          zip: 200333
        },
        {
          processId: "lc0004",
          date: "2016-05-04 18:00",
          name: "<涉密资产设备申请出借>网络设备审批",
          province: "王小虎",
          city: "报废",
          address: "王小虎市报废金沙江路 1517 弄",
          zip: 200333
        },
        {
          processId: "lc0005",
          date: "2016-05-01 18:00",
          name: "<涉密资产设备申请出借>网络设备审批",
          province: "王小虎",
          city: "报废",
          address: "王小虎市报废金沙江路 1519 弄",
          zip: 200333
        },
        {
          processId: "lc0006",
          date: "2016-05-03 18:00",
          name: "<涉密资产设备申请出借>网络设备审批",
          province: "王小虎",
          city: "报废",
          address: "王小虎市报废金沙江路 1516 弄",
          zip: 200333
        },
        {
          processId: "lc0007",
          date: "2016-05-03 18:00",
          name: "<涉密资产设备申请出借>网络设备审批",
          province: "王小虎",
          city: "报废",
          address: "王小虎市报废金沙江路 1516 弄",
          zip: 200333
        },
        {
          processId: "lc0008",
          date: "2016-05-03 18:00",
          name: "<涉密资产设备申请出借>网络设备审批",
          province: "王小虎",
          city: "报废",
          address: "王小虎市报废金沙江路 1516 弄",
          zip: 200333
        }
      ]
    };
  },
  methods: {
      toProcessDetail(id){
          console.log(id)
          this.$router.push({
                path: '/ProcessList/ProcessDetail' + '?id=' + id
          })
      }
  }
};
</script>

<style scoped>
</style>